<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
            <el-form-item label="名称" prop="name">
                <el-input
                    v-model="queryParams.name"
                    placeholder="请输入名称"
                    clearable
                    style="width: 240px"
                    @keyup.enter.native="handleQuery"
                />
            </el-form-item>
            <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索
                </el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
        </el-form>
        <el-table
            ref="sameTableRef"
            height="60vh"
            :data="tableList">
            <el-table-column
                label="语义相近词"
                align="left"
                prop="sameName">
                <template v-slot="scope">
                    <el-checkbox-group v-model="scope.row.sameName">
                        <el-checkbox style="width: 20%" v-for="i in scope.row.nameList" :label="i"></el-checkbox>
                    </el-checkbox-group>
                </template>
            </el-table-column>
            <el-table-column
                label="状态"
                align="center"
                prop="state">

            </el-table-column>
            <el-table-column label="操作" align="center" width="80">
                <template v-slot="scope">
                    <el-button :disabled="scope.row.state==='已确认'" type="text">确认同义</el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script >
export default{
    data(){
        return {
            queryParams:{
                name:'',
            },
            tableList:[
                {
                    sameName:["机件型号","件号","机件编号"],
                    nameList:["机件型号","件号","机件编号"],
                    state:"已确认",
                },
                {
                    sameName:[],
                    nameList:["垂尾","垂直尾翼"],
                    state:"未确认",
                },
                {
                    sameName:[],
                    nameList:["平尾","水平尾翼"],
                    state:"未确认",
                },
                {
                    sameName:[],
                    nameList:["预测与健康管理","PHM"],
                    state:"未确认",
                }
            ],
        }
    },
    mounted() {
    },
    methods:{
        handleQuery(){

        },
        resetQuery(){
            this.resetForm("queryForm");
            this.handleQuery();
        }
    }
}
</script>
<style scoped lang="scss">

</style>
